<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="__CSS__/ex/common.css">
  <link rel="stylesheet" href="__CSS__/ex/login.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  <title>一币抽奖</title>
  <script src="__JS__/ios-web-app.js"></script>
</head>

<body>
  <header class="normal_header">
    <div class="header_pic">
      <a href="{:U('property/index')}"><img src="__IMG__/ex/back_black.png" alt=""></a>
      <!--<a href="javascript:history.back(-1)"><img src="__IMG__/ex/back_black.png" alt=""></a>-->
    </div>
    <p>Rút thưởng</p>
    <div class="header_pic"></div>
  </header>
  <section class="change_content choujiang">
    <div class="choujiang_pic">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="__IMG__/ex/banner1.png" alt=""></div>
                <div class="swiper-slide"><img src="__IMG__/ex/banner2-1.png" alt=""></div>
                <div class="swiper-slide"><img src="__IMG__/ex/banner3.png" alt=""></div>
                <!--<div class="swiper-slide"><img src="__IMG__/ex/banner_5.png" alt=""></div>-->
                <!--<div class="swiper-slide"><img src="__IMG__/ex/x1.png" alt=""></div>-->
                <!--<div class="swiper-slide"><img src="__IMG__/ex/x2.png" alt=""></div>-->
                <!--<div class="swiper-slide"><img src="__IMG__/ex/x3.png" alt=""></div>-->
                <!--<div class="swiper-slide"><img src="__IMG__/ex/x4.png" alt=""></div>-->
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <style>
            .swiper-container{
                margin: .3rem .3rem;
            }
        </style>
      <!--<img src="__IMG__/ex/choujiang_bg.png" alt="">-->
    </div>
    <div class="yy_tit">
      <div class="line2"></div>
      <h5>Thông báo</h5>
      <!--<div>5月31号提币成功</div>-->
        <marquee class="scroll" behavior="" direction="up" scrollamount="1">
            <volist name="news" id="vo">
                <div>Thời kỳ thứ {$vo.lottery_id}：Chúc mừng {$vo.username} chiến thắng，Nhận được {$vo.award} phần thưởng.。</div>
            </volist>

        </marquee>

        <style>
            .scroll{
                height: 20px;
                overflow: hidden;
            }
        </style>
    </div>
      <if condition="$status eq 1">
          <volist name="data" id="vo">
              <if condition="$vo.flag eq 2">
                  <div class="xinxi">
                      <p>Sản phẩm trúng thưởng kì {$vo.lottery_id}:{$vo.award}</p>
                      <a href="{:U('property/award_detail',array('id'=>$vo['id']))}"><img src="{$vo.award_img}" alt=""></a>
                  </div>
                  <div class="choujiang_touru">
                      <p><span>Bạn đã nạp：{$vo.already_user|default=0}lần</span><span>đã nạp：{$vo.already_biao}lần</span></p>
                      <p><span>Đủ：{$vo.mark_number}lần</span><span>Tham gia.{$vo.count}Người.</span></p>
                      <p>Mở giải thưởng thời gian.：{$vo.lottery_time|date='Y-m-d H:i:s',###}</p>

                  </div><div class="wait">
                  Đã đủ tiêu chuẩn, cho mở giải thưởng</div>
                  <else />
                  <div lottery="{$vo.id}">
                      <div class="xinxi">
                          <p>Sản phẩm trúng thưởng kì {$vo.lottery_id}:{$vo.award}</p>
                          <a href="{:U('property/award_detail',array('id'=>$vo['id']))}"><img src="{$vo.award_img}" alt=""></a>
                          <p>Thời gian bắt đầu ：{$vo.start_time|date='Y-m-d H:i:s',###}</p>
                          <p>Thời gian kết thúc ：{$vo.end_time|date='Y-m-d H:i:s',###}</p>
                      </div>

                      <div class="choujiang_touru"><p><span>Mỗi lần nạp：{$vo.least_tou}USDT</span><span>Bạn đã nạp：{$vo.already_user|default=0}lần</span></p>
                          <p><span>{$vo.already_biao}đồng</span><span>Đủ {$vo.mark_number} đồng</span></p>
                          <p><span>đã nạp</span><span>bắt đầu rút thăm</span></p>
                      </div>
                      <div class="touru_btn" lottery_id="{$vo.lottery_id}" least_tou="{$vo.least_tou}" least_exuu="{$vo.least_exuu}">Đầu tư</div>
                  </div>
              </if>

          </volist>
          <else />
          <div class="choujiang_touru">
              Tạm thời chưa có hoạt động nào
          </div>

      </if>
      <style>
          .xinxi {
              width: 6.9rem;
              /*height: 2.1rem;*/
              margin: .1rem auto 0;
              border-radius: .08rem;
              overflow: hidden;
              padding: .1rem .3rem;
              box-sizing: border-box;
              /*background: linear-gradient(to right, #468fff, #295df5);*/
          }
          .xinxi>a{
              display: block;
          }
          .xinxi>a>img{
              /*width: 100%;*/
              width: 4rem;
              display: block;
              margin: 0 auto;
          }
          .layui-layer.choujiang{
              height: 6.5rem!important;
          }
          .layui-layer.choujiang .layui-layer-content{
              padding: .3rem;
              box-sizing: border-box;
              line-height: 2;
              color: #333;
          }
          .wait{
              width: 3rem;
              line-height: .65rem;
              border-radius: .325rem;
              text-align: center;
              color: #fff;
              margin: .35rem auto;
              background-color: red;
          }
          .zhongjiang_name li>span:nth-child(3){
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              width: 1.3rem;
          }
      </style>
    <div class="zhongjiang_record">
        <div class="yy_tit">
          <div class="line2"></div>
          <h5>Kết quả rút thăm</h5>
        </div>
        <ul class="zhongjiang_name">
            <li><span>Số lần</span><span>Địa chỉ</span><span>Phần thưởng</span></li>
            <volist name="record" id="vo" empty="Tạm thời chưa có số liệu">
                <li><span>{$vo.lottery_id} Lần</span><span>{$vo.eth_address}</span><span>{$vo.award}</span>
            </volist>

        </ul>
    </div>
  </section>
</body>
<script src="__COMMON__/js/jquery.min.js"></script>
<script src="__LIB__/layer/layer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container',{
        autoplay: true,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
        },
    });
</script>
<script>
    // var dingshi=setInterval(search,2000);

    $.ajax({
        type:"post",
        dataType:"json",
        url:"{:U('auto_lottery')}",
        data:{},
        success:function (data) {
            // console.log(data.data);
            if(data.data==''){

            }else {
                $arr=data.data;
                $str='';
                for($i=0;$i<$arr.length;$i++){
                    $str+='Chúc mừng chiến thắng thứ '+$arr[$i]['lottery_id']+' thời hạn người dùng'+$arr[$i]['username']+'\r\n';
                }
                alert($str);
                // clearInterval(dingshi);
                // window.location.reload();

            }
        }
    })
    function search(){

    }
    $(".touru_btn").click(function () {
        $id=$(this).parent().attr('lottery');
        $lottery_id=$(this).attr('lottery_id');
        $least_tou=$(this).attr('least_tou');
        $least_exuu=$(this).attr('least_exuu');
        $usdt={$usdt};
        $exuu={$exuu};
        layer.open({
            type: 1,
            title: "Tham gia bốc thăm trung thưởng chỉ với một đồng Ex",
            shadeClose: true,
            shade: 0.4,
            skin: 'choujiang',
            area: ['90%', '40%'],
            content: '<div>\n' +
                '          <p>Tham gia lần lần bốc thăm trúng thưởng lần thứ '+$lottery_id+'</p>\n' +
                '          <p>Số Usdt của bạn：{$usdt}</p><p>Số EXUU của bạn：{$exuu}</p>\n' +
                '          <p>Mỗi lần nạp：<select id="tou_coin"><option value="8">'+$least_tou+'USDT</option><option value="1">'+$least_exuu+'EXUU</option></select></p>\n' +' <label for="">mật khẩu thanh toán：</label>'+
                '          <input type="password" placeholder="Nhập mật khẩu thanh toán" id="password2">\n' +
                '      </div>',
            btn: ['Xác nhận','Đóng cửa'],
            yes: function(index){
                //当点击‘确定’按钮的时候，获取弹出层返回的值
//                alert($id);return false;
                if($usdt<$least_tou){
                    layer.msg('USDT của bạn không đủ số dư');return false;
                }
                if ($("#tou_coin").val()==1){
                    $tou_money=$least_exuu;
                } else {
                    $tou_money=$least_tou;
                }
                $.ajax({
                    type:"post",
                    dataType:"json",
                    url:"{:U('onecoin')}",
                    data:{
                      password2:$("#password2").val(),//密码
                      lottery_id:$lottery_id,  //抽奖期号
                        id:$id,
                        coin:$("#tou_coin").val(),
                        amount:$tou_money,
                    },
                    success:function (data) {
                        if(data.code>0){
                            layer.msg(data.msg,{time:2000},function () {
                                window.location.reload();
                            });
                        }else {
                            layer.msg(data.msg,{time:2000});
                        }
                    }
                })
                //打印返回的值，看是否有我们想返回的值。
                //最后关闭弹出层
                layer.close(index);
            },
            cancel: function(){
                //右上角关闭回调
            }
        });
    })
</script>
</html>